<template>
  <div class="container">
    <div class="top">
      <h1>拼团专区</h1>
      <span>拼着买更实惠<!-- <i>icon</i> --></span>
    </div>

    <swiper :slidesPerView="3">
      <!-- <swiper-slide v-for="">
          
      </swiper-slide> -->
      <swiper-slide>Slide 2</swiper-slide>
    </swiper>
  </div>
</template>

<script>
import { Swiper, SwiperSlide } from "swiper/vue";
import "swiper/swiper.less";

import axiossecond from "../../common/axiossecond";
import { ref, onMounted, computed, watch } from "vue";

export default {
  components: {
    Swiper,
    SwiperSlide,
  },
  setup() {
    const list = ref([]);
    function getLIst() {
      axiossecond
      .get("/api/visual/visual_team_goods")
        .then((res) => {
          list.value = res.data;
            console.log(list);
        })
        .catch((err) => {
          console.log("seckillList获取出错");
        });
    }
    onMounted(getLIst)
  },
};
</script>

<style lang="less" scoped>
.container {
  margin: 1rem 1rem 0;
  background-color: #fff;
  .top {
    padding: 1.5rem 1rem;
    color: #333;
    display: flex;
    h1 {
      font-size: 1.8rem;
      color: #000;
      font-weight: 600;
      margin: 0 1rem 0 0.5rem;
      line-height: 1.1;
      padding: 0;
      border: 0;
      box-sizing: border-box;
    }
    span {
      font-size: 1.4rem;
    }
  }
}
</style>